.page-item .page-link {
  font-size: 14px;
  font-family: "Droid Sans";
}

html::-webkit-scrollbar {
  width: 5px;
}

html::-webkit-scrollbar-track {
  background: linear-gradient(
    0deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(7, 0, 211, 1) 100%
  );
}

html::-webkit-scrollbar-thumb {
  background: transparent;
  box-shadow: 0px 0px 0px 100vh black;
}

.infoList {
  position: relative;
  margin-top: 10px;
  border: 1px solid #0b7ffe;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.box-card {
  width: 480px;
}



.depart_border,
.level_border {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 125px;
  width: 460px;
  height: 280px;
  padding-top: 12%;
  background: linear-gradient(to left, #2cd5ff, #2cd5ff) left top no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) left top no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right top no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) right top no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) left bottom no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) left bottom no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right bottom no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right bottom no-repeat;
  background-size: 1px 20px, 20px 1px, 1px 20px, 20px 1px;
  border: 1px solid #073f97;
}
.month_border,
.status_border {
  position: absolute;
  display: inline-block;
  /* top: 20px; */
  left: 625px;
  width: 460px;
  height: 280px;
  padding-top: 12%;
  background: linear-gradient(to left, #2cd5ff, #2cd5ff) left top no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) left top no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right top no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) right top no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) left bottom no-repeat,
    linear-gradient(to bottom, #2cd5ff, #2cd5ff) left bottom no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right bottom no-repeat,
    linear-gradient(to left, #2cd5ff, #2cd5ff) right bottom no-repeat;
  background-size: 1px 20px, 20px 1px, 1px 20px, 20px 1px;
  border: 1px solid #073f97;
}

.depart_border,
.month_border {
    top: 20px;
}

.level_border,
.status_border {
    top: 305px;
}
#depart,
#month, 
#level,
#status{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 450px;
  height: 270px;
}